<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>02-issueCheck</title>
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/bootstrap-4.2.1/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/admin/easyui/themes/material-teal/easyui.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/admin/easyui/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/admin/easyui/themes/color.css">
</head>
<body>
  <div class="container-fluid">
    <br>
    <h3>寻主审核</h3>
    <hr>
    <div class="">
      <table id="dg" style="width:100%;height:460px;"></table>
    </div>
    <!-- 添加,编辑,移除按钮 -->
    <div id="toolbar">
      <table>
        <tr>
          <td><a href="javascript:void(0)" class="easyui-linkbutton detailRecordCls" data-options="iconCls:'icon-edit',plain:true" onclick="detailRecord()">详情</a></td>
          <td><a href="javascript:void(0)" class="easyui-linkbutton issueRecordCls" data-options="iconCls:'icon-add',plain:true" onclick="issueRecord()">发布</a></td>
          <td><a href="javascript:void(0)" class="easyui-linkbutton removeRecordCls" data-options="iconCls:'icon-remove',plain:true" onclick="falseRecord()">虚假</a></td>
          <td>
            <div class="categoryToPageDiv">
              <form class="form-inline">
                <label class="my-1 mr-2" for="forCategoryToPage">物品类别</label>
                <select class="custom-select my-1 mr-lg-5" id="forCategoryToPage">
                </select>
              </form>
            </div>
          </td>
        </tr>
      </table>
    </div>
  </div> <!-- container-fluid -->

  <!-- Modal : showSearchLoser -->
  <div class="modal fade" id="showSearchLoser" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content" style="width:600px;">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">详情</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close" >
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <form action="#" id="showSearchLoserForm">
            <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forPhoto" class="col-sm-2 col-form-label text-center">照片</label>
              <div class="col-sm-7">
                <figure class="figure">
                  <img src="" class="figure-img img-fluid rounded mx-auto d-block" style="width:400px;height:200px;">
                </figure>
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forShowApplicant" class="col-sm-2 col-form-label text-center">发布者 </label>
              <div class="col-sm-7">
                <input type="text" id="forShowApplicant" class="form-control" readonly>
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forShowTitle" class="col-sm-2 col-form-label text-center">标题 </label>
              <div class="col-sm-7">
                <input type="text" id="forShowTitle" class="form-control" readonly>
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forShowCategory" class="col-sm-2 col-form-label text-center">失物类别</label>
              <div class="col-sm-7">
                <input type="text" id="forShowCategory" class="form-control" readonly>
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forShowIssueTime" class="col-sm-2 col-form-label text-center">发布时间</label>
              <div class="col-sm-7">
                <input type="text" id="forShowIssueTime" class="form-control" readonly>
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forShowPhone" class="col-sm-2 col-form-label text-center">联系电话</label>
              <div class="col-sm-7">
                <input type="text" id="forShowPhone" class="form-control" readonly>
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forShowDetail" class="col-sm-2 col-form-label text-center">细节</label>
              <div class="col-sm-7">
                <textarea id="forShowDetail" class="form-control" rows="4" readonly></textarea>
              </div>
            </div>
          </form>
        </div><!-- modal-body -->
      </div><!-- modal-content -->
    </div><!-- modal-dialog -->
  </div><!-- modal fade -->

  <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/bootstrap-4.2.1/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/admin/js/categoryAjax.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.validate.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/js/messages_zh.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/admin/easyui/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/admin/easyui/locale/easyui-lang-zh_CN.js"></script>
  <!-- 上传图片，移除图片 -->
  <script type="text/javascript" src="${pageContext.request.contextPath }/admin/js/fileUpload.js"></script>
  <script type="text/javascript">
    $(function(){
       $("#dg").datagrid({
         url:"/LostAndFound/searchForLoser?method=handleCheckLoser",
         queryParams:{
        	 cid : $("#forCategoryToPage option:selected").val()
         },
         columns:[[
             {field:'title',title:'标题',width:100},
             {field:'username',title:'发布者',width:100},
             {field:'cname',title:'物品类型',width:100},
             {field:'phone',title:'联系电话',width:100},
             {field:'issuetime',title:'发布时间',width:100},
           ]],
         rownumbers:true,
         pagination:true,
         singleSelect:true,
         method:"post",
         fitColumns:true,
         toolbar:"#toolbar",
         striped:true
      });
      
      // 分类变化，table变化
      $("#forCategoryToPage").on("change",function(){
    	  $("#dg").datagrid("load",{
    		  cid:$("#forCategoryToPage option:selected").val()
    	  })
      });
    });// end of $(function(){})

    // 弹出详情层
    function detailRecord(){
    	var row = $('#dg').datagrid('getSelected');
    	if(row){
	    	$(".detailRecordCls").attr( 'data-toggle','modal');
	      $(".detailRecordCls").attr('data-target','#showSearchLoser');
	      $(".figure-img").attr("src","/LostAndFound/images"+row.image);
	      $("#forShowApplicant").val(row.username);
	      $("#forShowTitle").val(row.title);
	      $("#forShowCategory").val(row.cname);
	      $("#forShowIssueTime").val(row.issuetime);
	      $("#forShowPhone").val(row.phone);
	      $("#forShowDetail").val(row.detailinfo);
    	}
    }
    
    // 标为虚假欺诈
    function falseRecord(){
      var row = $('#dg').datagrid('getSelected');
      if (row) {
        $.messager.confirm('Confirm', '确定标为虚假欺诈信息？', function (r) {
          if (r) {
            $.ajax({
              url: '/LostAndFound/check?method=markedAsFlase',
              type: 'post',
              data: {aid: row.aid},
              success: function (result) {
                if (!result.success) {
                  $("#dg").datagrid("reload");
                } else {
                  $.messager.show({
                    title:"Error",
                    msg:"设置错误！"
                  })
                }
              }
            })
          }
        })
      }
    } // end of falseRecord()
  
    // 审核通过，允许发布
    function issueRecord(){
      var row = $('#dg').datagrid('getSelected');
      if (row) {
        $.messager.confirm('Confirm','确定发布？',function (r) {
          if (r) {
            $.ajax({
              url: '/LostAndFound/check?method=confrimIssueCheckInfo',
              type: 'post',
              data: { aid: row.aid },
              success: function (result) {
                if (!result.success) {
                  $("#dg").datagrid("reload");
                } else {
                  $.messager.show({
                    title:"Error",
                    msg:"发布错误！"
                  })
                }
              }
            })
          }
        })
      }
    } // end of issueRecord ()
  
  </script>
</body>
</html>